
// 引入字体文件
@font-face {
    font-family: 'HYQiHei-EZS';
    src: url('https://cdc-private.cdn-go.cn/cdc.tencent.com/latest/assets/%E6%B1%89%E4%BB%AA%E6%97%97%E9%BB%91-50S.1d8180c6.otf') format('truetype');
}

html[theme="default"]{
    @import './default.scss';
}

html[theme=dark] {
    @import './dark.scss';
}

html {
    --jc-header-height: 84px;
    font-size: 16px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

@for $size from 12 through 30 {
    .jc-ft-#{$size} {
        font-size: #{$size}px;
    }
}

/* 生成内边距外边距类名 和各个方向单独的类名 */
@for $i from 0 through 100 {
    .jc-p-#{$i} {
        padding: #{$i}px;
    }
    .jc-m-#{$i} {
        margin: #{$i}px;
    }

    $turn: 't', 'b', 'l', 'r';
    @each $t in $turn {
        .jc-m-#{$t}-#{$i} {
            @if $t == 't' {
                margin-top: #{$i}px;
            }
            @if $t == 'b' {
                margin-bottom: #{$i}px;
            }
            @if $t == 'l' {
                margin-left: #{$i}px;
            }
            @if $t == 'r' {
                margin-right: #{$i}px;
            }
        }
        .jc-p-#{$t}-#{$i} {
            @if $t == 't' {
                padding-top: #{$i}px;
            }
            @if $t == 'b' {
                padding-bottom: #{$i}px;
            }
            @if $t == 'l' {
                padding-left: #{$i}px;
            }
            @if $t == 'r' {
                padding-right: #{$i}px;
            }
        }
    }
}



*{
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
    font-family: 'HYQiHei-EZS';
}

li {
    list-style: none;
}

a {
    color: var(--jc-heading-color);
    text-decoration: none;
}

.jc-center-width {
    width: 1280px;
    margin: 0 auto;
}

.banner-slide-title {
    font-size: 56px;
    letter-spacing: 6px;
    line-height: 80px;
}

@media (min-width: 1920px) {
    .jc-center-width {
        max-width: 1655px;
        width: 1655px;
    }
}
